<!DOCTYPE html>
<!--suppress ALL-->
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>当前库存查询</title>
    <link rel="stylesheet" type="text/css" href="/static/jquery-easyui-1.7.0/themes/metro-blue/easyui.css">
    <link rel="stylesheet" type="text/css" href="/static/jquery-easyui-1.7.0/themes/icon.css">
    <script type="text/javascript" src="/static/jquery-easyui-1.7.0/jquery.min.js"></script>
    <script type="text/javascript" src="/static/jquery-easyui-1.7.0/jquery.easyui.min.js"></script>
    <script type="text/javascript" src="/static/jquery-easyui-1.7.0/locale/easyui-lang-zh_CN.js"></script>
    <script type="text/javascript">
        function chooseGoodsType() {
            $("#dlg").dialog("open").dialog("setTitle", "选择商品类别");
            $("#typeTree").tree({
                url: '/admin/goodsType/loadTreeInfo',
                onLoadSuccess: function () {
                    var rootNode = $("#typeTree").tree("getRoot");
                    $("#typeTree").tree("expand", rootNode.target);
                }
            });
        }

        function saveGoodsTypeChoose() {
            var node = $("#typeTree").tree("getSelected");
            if (node != null && node.id != 1) {
                $("#typeId").val(node.id);
                $("#typeName").val(node.text);
            } else {
                $("#typeId").val("");
                $("#typeName").val("");
            }

            $("#dlg").dialog("close");
        }

        function closeGoodsTypeChooseDialog() {
            $("#dlg").dialog("close");
        }

        function searchStock() {
            $("#dg").datagrid('load', {
                "type.id": $("#typeId").val(),
                "codeOrName": $("#codeOrName").val()
            });
        }

        function formatGoodsTypeName(val, row) {
            return row.type.name;
        }

        function formatLastPurchasingPrice(val, row) {
            return "¥" + val;
        }

        function formatPurchasingPrice(val, row) {
            return "¥" + val;
        }

        function formatSellingPrice(val, row) {
            return "¥" + val;
        }

        function formatAmount(val, row) {
            return "¥" + (row.inventoryQuantity * row.purchasingPrice).toFixed(2);
        }

        function formatInventoryQuantity(val,row) {
            return "<span style='color: blue'>" + val + "</span>";
        }

        function formatSaleTotal(val,row) {
            return "<span style='color: red'>" + val + "</span>";
        }
    </script>
</head>
<body style="margin: 1px">
<table id="dg" title="当前库存查询"    class="easyui-datagrid"
       fitColumns="true" pagination="true" rownumbers="true" pageSize=20
       url="/admin/goods/listInventory" singleSelect="true" fit="true" toolbar="#tb">
    <thead>
    <th field="code" width="30" align="center">编码</th>
    <th field="name" width="200" align="left">商品名称</th>
    <th field="typeName" width="40" align="center" formatter="formatGoodsTypeName">类别</th>
    <th field="model" width="60" align="center">型号</th>
    <th field="inventoryQuantity" width="40" align="center" formatter="formatInventoryQuantity">库存数量</th>
    <th field="saleTotal" width="40" align="center" formatter="formatSaleTotal">销售总数</th>
    <th field="lastPurchasingPrice" width="40" align="right" formatter="formatLastPurchasingPrice">上次进价</th>
    <th field="purchasingPrice" width="50" align="right" formatter="formatPurchasingPrice">成本均价</th>
    <th field="sellingPrice" width="40" align="right" formatter="formatSellingPrice">销售价</th>
    <th field="amount" width="60" align="right" formatter="formatAmount">库存总值</th>
    <th field="unit" width="20" align="center">单位</th>
    <th field="producer" width="170" align="left">生产厂商</th>
    </thead>
</table>

<div id="tb">
    <div style="padding: 5px">
        <input type="hidden" id="typeId"/>
        &nbsp;商品类别：&nbsp;<input type="text" id="typeName" readonly="readonly" onclick="chooseGoodsType()"
                                style="width: 90px"/>
        &nbsp;商品编码或者名称：&nbsp;<input type="text" id="codeOrName" size="20"
                                    onkeydown="if(event.keyCode==13) searchStock()"/>
        <a href="javascript:searchStock()" class="easyui-linkbutton" iconCls="icon-search" plain="true">搜索</a>
    </div>
</div>


<div id="dlg" class="easyui-dialog" style="width: 180px;height: 300px;padding: 10px 10px;top: 60px;left: 76px"
     closed="true" buttons="#dlg-buttons">
    <ul id="typeTree" class="easyui-tree"></ul>
</div>

<div id="dlg-buttons">
    <a href="javascript:saveGoodsTypeChoose()" class="easyui-linkbutton" iconCls="icon-ok" plain="true">选择</a>
    <a href="javascript:closeGoodsTypeChooseDialog()" class="easyui-linkbutton" iconCls="icon-cancel"
       plain="true">关闭</a>
</div>
</body>
</html>